body {
    margin: 5%;
    background-color: #F4EDE3;

}

h1 {
    font-family: "Barriecito", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #341C11;
    font-size: 128px;


}

p {
    font-family: "Space Mono", monospace;
    font-weight: 400;
    font-style: normal;



}

.house p {
    color: #341C11;
    Font-size: 16px;
}


.picture{
    max-width: 50%;
    height: auto;
}

.footer1 {
    color: #C35D1B;
    Font-size: 12px;
    width: 40%;
    margin-bottom: 0%;
    


}



.phone {
    display: none;

}

.laptop {
    display: flex;

}

.home {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 999;
}

.home img{
    width: 50px;
    height: 50px;
    display: block;
}
.nav{
    display:flex;
    
    
}

.guides{
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 12px;
    align-items: center;
    z-index: 999; 
}

.guide{
    font-family: "Space Mono", monospace;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--brown);

    text-decoration: none;
}





@media(max-width: 768px) {


    .phone {
        display: inline;

    }

    .laptop {
        display: none;
    }

    body {
        margin: 6%;
        background-color: #F4EDE3;
    }

    h1 {
        font-family: "Barriecito", system-ui;
        font-weight: 400;
        font-style: normal;
        color: #341C11;
        font-size: 75px;


    }

    p {
        font-family: "Space Mono", monospace;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: normal;


    }

    .room p {
        color: #341C11;
        font-size: 12px;

    }


    img {
        max-width: 95%;
        height: auto;
        justify-content: center;
    }

    .footer2 {
        color: #4B7890;
    }

}